<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ez="http://java.sun.com/jsf/composite/ezcomp"> 

    <h:head> 
        <title>SABM</title> 
        <style type="text/css"> 

            .gritter-notice-wrapper { 
                left:200px; 
                top:50px; 
            } 

            .order-table{   
                border-collapse:collapse;
            }

            .order-table-header{
                text-align:center;
                background:none repeat scroll 0 0 #E5E5E5;
                border-bottom:1px solid #BBBBBB;
                padding:16px;
            }

            .order-table-odd-row{
                text-align:center;
                background:none repeat scroll 0 0 #FFFFFFF;
                border-top:1px solid #BBBBBB;
            }

            .order-table-even-row{
                text-align:center;
                background:none repeat scroll 0 0 #F9F9F9;
                border-top:1px solid #BBBBBB;
            }
        </style> 
    </h:head> 
    <h:body>    
        <ez:TCubeAdminTopMenu/>
        <h1>Stakeholder Account and Billing Management</h1> 
        <p:layout style="table-layout:auto; height:800px ">
            <p:layoutUnit position="left" header="Navigation" width="300">
                <h:form id="SABMTCubeAdminSM">
                    <h:commandLink value="Add Stakeholder" action="/TCubeAdmin/SABM_SM/addStakeholder.xhtml?faces-redirect=true"/>
                    <br/>
                    <h:commandLink value="Delete Stakeholder" action="/TCubeAdmin/SABM_SM/deleteStakeholder.xhtml?faces-redirect=true"/>
                    <br/>
                    <h:commandLink value="Change Stakeholder Tier" action="/TCubeAdmin/SABM_SM/changeStakeholderTier.xhtml?faces-redirect=true"/>
                    <br/>
                    <h:commandLink value="Create Stakeholder Tier" action="/TCubeAdmin/SABM_SM/createNewTier.xhtml?faces-redirect=true"/>
                    <br/>
                    <h:commandLink value="Delete Stakeholder Tier" action="/TCubeAdmin/SABM_SM/deleteTier.xhtml?faces-redirect=true"/>
                    <br/>
                    <h:commandLink value="Modify Tier Information" action="/TCubeAdmin/SABM_SM/modifyTier.xhtml?faces-redirect=true"/>
                    <br/>
                </h:form>
            </p:layoutUnit>
            
            
            
            
            
            <p:layoutUnit position="center" header="Settings">
                <h2>Remove Stakeholder</h2>
                <p:ajaxStatus style="width:16px;height:16px;">
                    <f:facet name="start">
                        <h:graphicImage value="http://www.primefaces.org:8080/showcase/design/ajaxloading.gif" />
                    </f:facet>
                    <f:facet name="complete">
                        <h:outputText value="" />
                    </f:facet>
                </p:ajaxStatus>
                
                
        
                
                
                
                
                
                
                <h:form id="searchForm" prependId="true">
                    <h:panelGrid columns="3">
                        <h:outputLabel for="stakeholderName" value="Stakeholder name:"/>
                        <p:inputText required="false"
                            id="stakeholderName" value="#{stakeholderAccountsManagerBean.stakeholderName}"/>
                        <p:message for="stakeholderName"/>

                    </h:panelGrid>
                    <p:commandButton id="submitNewStakeholder" value="Search" ajax="false" update="display"
                                     action="removeStakeholder.xhtml"  />
                    
                    </h:form>
               
                    
                    <br/>
                    <br/>
                    
                    <h:form id="deleteForm" prependId="true">
                        <p:panel id="panel" >
                        <p:ajaxStatus style="width:16px;height:16px;">
                            <f:facet name="start">
                                <h:graphicImage value="http://www.primefaces.org:8080/showcase/design/ajaxloading.gif" />
                            </f:facet>
                            <f:facet name="complete">
                                <h:outputText value="" />
                            </f:facet>
                        </p:ajaxStatus>
                        <p:messages />  
                        </p:panel>
                    
                    <p:dataTable value="#{stakeholderAccountsManagerBean.getAllStakeholders()}" var="o" paginator="true" rows="15"
                                 styleClass="order-table" 
                                 >
                    

                        <p:column>

                            <f:facet name="header">Stakeholder Name</f:facet>
                            #{o.name}

                        </p:column>

                        <p:column>

                            <f:facet name="header">Loyalty points</f:facet>
                            #{o.loyaltyPoints}

                        </p:column>

                        <p:column>

                            <f:facet name="header">Email Address</f:facet>
                            #{o.email}

                        </p:column>

                        <p:column>

                            <f:facet name="header">Stakeholder Tier</f:facet>
                            #{o.getStakeholderTier().getName()}

                        </p:column>  

                        <p:column>

                            <f:facet name="header">Action</f:facet>
                            
                            <h:commandLink  value="delete" 
                                    onclick="if (!confirm('Are you sure you want to delete #{o.name}?')) return false"
                                    action="#{stakeholderAccountsManagerBean.deleteStakeholder(o)}"
                                    >
 
                            </h:commandLink>
                                                                     
                        </p:column>
                    </p:dataTable>
                        
                        
                         
                    <p:confirmDialog id="confirmation" message="Are you sure you want to delete #{stakeholderAccountsManagerBean.selectedStakeholder.name}?"
                                     header="Delete process"
                                     widgetVar="confirmation"
                                     >  
                  
                        <p:commandButton value="Yes" oncomplete="confirmation.hide()"  
                                         action="#{stakeholderAccountsManagerBean.deleteStakeholder}" ajax ="false">
                        </p:commandButton>
                        <p:commandButton value="No" onclick="confirmation.hide()" />   
                    </p:confirmDialog>
                    
                    
                </h:form>
                
                
            
            </p:layoutUnit>
            
            
            
            
        </p:layout>
        
        
        
        
        
    </h:body>
</html>    

